import {designPage, onMounted} from "@peryl/react-compose";
import {Button, i18n, PageCard, PageCardContent} from "plain-design";
import {usePageService} from "../../modules/micro/usePageService";
import {useSketchColors} from "./useSketchColors";
import {microApp} from "../../microApp";

export default designPage(() => {

  const { sketchColorsColors } = useSketchColors();

  const { nav, isFirstPage, pageParam } = usePageService();

  const close = () => {isFirstPage ? nav.closeTab() : nav.back();};

  const { message, closable, path, query } = pageParam || {};

  onMounted(() => {
    if (!!path) {
      microApp.route.history.push(path, query);
    }
  });

  return () => {

    const {
      bg1, bg2, bg3, bg4, bg5, bg6, bg7,
      color1,
      color2,
      color3,
      color4,
      color5,
      color6,
    } = sketchColorsColors.value;

    return (
      <PageCard full className="page-core page-core-result">
        <PageCardContent full>
          <div className="page-core-content">
            <div className="page-core-content-result">
              <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 3132 2588">
                <path fill="url(#paint0_linear_7_586)" d="M2235.74 322.733C2215.69 291.244 2181.74 271.716 2144.81 270.375C2123.31 237.097 2086.45 217.346 2047.21 218.017C2015.8 217.718 1985.54 230.24 1963.29 252.823C1953.12 249.543 1942.5 247.829 1931.84 247.829C1882.42 247.829 1841.62 282.486 1837.41 326.348C1799.73 335.441 1772.6 368.793 1771 408.034C1771 455.287 1813.71 493.782 1865.43 493.782H2228.1C2280.57 493.782 2322.53 455.287 2322.53 408.034C2323.35 363.129 2284.56 326.236 2235.74 322.733Z"></path>
                <path fill="url(#paint1_linear_7_586)" d="M836.182 443H774.961C774.961 320.355 675.55 221 553.024 221C430.414 221 331.087 320.355 331.087 443H286.364C229.917 443 184.273 492.678 184.273 554C184.273 615.322 230.001 665 286.364 665H836.182C892.546 665 938.273 615.322 938.273 554C938.273 492.678 892.546 443 836.182 443Z"></path>
                <path fill="url(#paint2_linear_7_586)" d="M2930.02 250.5H2862.89C2862.89 115.934 2753.86 7 2619.47 7C2485.07 7 2376.04 115.934 2376.04 250.5H2326.97C2265.09 250.5 2215 304.967 2215 372.25C2215 439.405 2265.09 494 2326.97 494H2930.02C2991.91 494 3042 439.405 3042 372.25C3042 304.967 2991.91 250.5 2930.02 250.5Z"></path>
                <path fillOpacity="0.68" fill="url(#paint3_linear_7_586)" d="M1522.45 1760.04C1964.28 1760.04 2362.13 1796.1 2640.28 1853.61C2912.3 1855.49 3131.28 1936.9 3131.28 2037.17C3131.28 2116.64 2993.71 2184.31 2801.23 2209.86C2755.31 2223.39 2703.55 2236.21 2646.76 2248.16C2648.27 2255.71 2648.99 2263.42 2648.99 2271.12C2648.99 2446.04 2268.7 2587.84 1799.58 2587.84C1377.55 2587.84 1027.35 2473.03 961.337 2322.66C398.212 2279.9 0 2174.66 0 2051.57C0 1890.54 681.61 1760.04 1522.45 1760.04Z" clipRule="evenodd" fillRule="evenodd"></path>
                <path fill="url(#paint4_linear_7_586)" d="M2809.58 1656.16L2811.81 1663.72L2813.69 1670.85L2814.55 1676.61L2812.82 1688.41L2807.78 1698.63L2800.01 1706.91L2790.22 1712.6L2781.72 1713.03L2773.59 1713.46H2765.02L2694.91 1714.4V1788.61L2695.56 1821.73L2697.14 1851.74L2699.38 1882.41H2634.59L2635.96 1865.06L2636.82 1837.27L2637.33 1790.41V1722.39L2629.12 1727.43L2620.19 1729.08L2612.92 1728.15L2606.95 1725.48L2601.84 1721.31L2597.73 1715.69L2546.84 1713.03L2533.24 1707.56L2522.15 1698.13L2516.61 1690.14L2513.37 1681.29L2512.22 1671.28L2512.65 1666.39L2514.02 1661.92L2525.25 1636.15L2527.12 1626.65L2530.86 1617.94L2536.26 1610.02L2542.81 1603.26L2613.43 1473.9H2613.86L2623.36 1459.29L2634.16 1447.2L2642.51 1441.15L2652.44 1437.41L2664.25 1436.11L2679.72 1438.27L2693.33 1444.53L2704.49 1454.32L2712.4 1466.78L2769.13 1576.55L2778.7 1581.01L2787.05 1587.2L2794.32 1595.27L2799.79 1604.55L2803.1 1614.7L2804.18 1625.93L2801.95 1641.05L2809.58 1656.16Z"></path>
                <path fill="url(#paint5_linear_7_586)" d="M3097.52 1800.13L3099.75 1807.69L3101.62 1814.82L3102.48 1820.57L3100.75 1832.38L3095.72 1842.6L3087.94 1850.88L3078.15 1856.57L3069.66 1857L3061.52 1857.43H3052.96L2982.85 1858.37V1932.58L2983.49 1965.69L2985.08 1995.71L2987.31 2026.37H2922.52L2923.89 2009.03L2924.76 1981.24L2925.26 1934.38V1866.36L2917.05 1871.39L2908.13 1873.05L2900.86 1872.11L2894.88 1869.45L2889.77 1865.28L2885.67 1859.66L2834.78 1857L2821.17 1851.53L2810.09 1842.1L2804.54 1834.11L2801.3 1825.25L2800.15 1815.25L2800.58 1810.35L2801.95 1805.89L2813.18 1780.12L2815.05 1770.62L2818.8 1761.91L2824.19 1753.99L2830.75 1747.22L2901.36 1617.87H2901.79L2911.29 1603.26L2922.09 1591.16L2930.44 1585.12L2940.38 1581.37L2952.18 1580.08L2967.66 1582.24L2981.26 1588.5L2992.42 1598.29L3000.34 1610.74L3057.06 1720.52L3066.63 1724.98L3074.98 1731.17L3082.26 1739.23L3087.73 1748.52L3091.04 1758.67L3092.12 1769.9L3089.89 1785.01L3097.52 1800.13Z"></path>
                <path fill="url(#paint6_linear_7_586)"
                      d="M554.488 1748.45L557.655 1759.17L560.175 1769.25L561.47 1777.46L560.391 1788.9L557.223 1799.27L551.968 1808.7L541.099 1820.43L527.35 1828.56L515.329 1829.21L503.956 1829.79H491.934L393.389 1831.08V1936.47L394.325 1983.47L396.484 2026.01L399.652 2069.56H308.665L310.536 2044.95L311.832 2005.5L312.48 1938.99V1842.46L304.85 1847.78L296.931 1850.88L288.437 1851.89L278.288 1850.59L269.794 1846.85L262.667 1840.95L256.837 1832.96L185.429 1829.21L172.256 1824.53L160.739 1817.55L150.661 1808.05L142.959 1796.68L138.352 1784.08L136.769 1769.9L137.416 1762.92L139.288 1756.65L155.124 1720.01L157.716 1706.62L162.97 1694.17L170.529 1682.94L179.743 1673.37L278.936 1489.74H279.583L292.9 1469.01L308.017 1451.88L319.822 1443.24L333.715 1437.98L350.415 1436.11L365.172 1437.48L378.705 1441.44L391.158 1448.13L402.171 1456.99L411.097 1467.42L418.008 1479.66L497.621 1635.51L511.082 1641.77L522.815 1650.55L533.037 1662L540.739 1675.17L545.346 1689.56L546.93 1705.54L546.21 1715.69L543.762 1727L554.488 1748.45Z"></path>
                <path fillOpacity="0.68" fill="url(#paint7_linear_7_586)" d="M1789.69 2102.17C1789.69 2142.08 1665.63 2174.44 1512.66 2174.44C1359.69 2174.44 1235.62 2142.08 1235.62 2102.17C1235.62 2062.26 1359.69 2029.9 1512.66 2029.9C1665.63 2029.9 1789.69 2062.26 1789.69 2102.17Z"></path>
                <path fill="white" d="M1938.09 955.972H1354.39L1337.12 957.658L1324.2 962.235L1314.56 969.221L1307.49 978.938L1303 991.866L1301.31 1009.05L1303 1026.23L1307.49 1039.16L1314.56 1048.88L1324.2 1055.86L1337.12 1060.44L1354.39 1062.13H1938.09L1955.27 1060.44L1968.2 1055.86L1977.84 1048.88L1984.9 1039.16L1989.48 1026.23L1991.09 1009.05L1989.48 991.866L1984.9 978.938L1977.84 969.221L1968.2 962.235L1955.27 957.658L1938.09 955.972Z"></path>
                <path fill="white" d="M1938.09 1221.28H1513.54L1496.36 1222.97L1483.43 1227.55L1473.71 1234.61L1466.73 1244.25L1462.15 1257.18L1460.46 1274.36L1462.15 1291.55L1466.73 1304.47L1473.71 1314.19L1483.43 1321.26L1496.36 1325.75L1513.54 1327.44H1938.09L1955.27 1325.75L1968.2 1321.26L1977.84 1314.19L1984.9 1304.47L1989.48 1291.55L1991.09 1274.36L1989.48 1257.18L1984.9 1244.25L1977.84 1234.61L1968.2 1227.55L1955.27 1222.97L1938.09 1221.28Z"></path>
                <path fill="url(#paint8_linear_7_586)"
                      d="M729.976 1168.85L732.626 1231.16L739.933 1291.3L751.817 1349.44L768.279 1405.89L789.157 1461.14L813.809 1513.82L842.316 1563.92L874.676 1611.78L910.731 1657.15L949.677 1699.23L991.754 1738.17L1037.04 1774.15L1084.9 1806.51L1135.09 1835.02L1187.69 1859.75L1242.93 1880.63L1299.38 1897.09L1357.6 1908.97L1417.75 1916.2L1480.06 1918.85L1542.29 1916.2L1602.44 1908.97L1660.65 1897.09L1717.1 1880.63L1772.35 1859.75L1824.95 1835.02L1875.13 1806.51L1922.99 1774.15L1968.28 1738.17L2010.36 1699.23L2049.39 1657.15L2085.36 1611.78L2117.72 1563.92L2146.23 1513.82L2170.88 1461.14L2191.84 1405.89L2208.22 1349.44L2220.1 1291.3L2227.41 1231.16L2230.06 1168.85L2227.41 1106.53L2220.1 1046.47L2208.22 988.252L2191.84 931.801L2170.88 876.555L2146.23 823.958L2117.72 773.771L2085.36 725.912L2049.39 680.623L2010.36 638.545L1968.28 599.52L1922.99 563.545L1875.13 531.184L1824.95 502.678L1772.35 477.945L1717.1 457.068L1660.65 440.686L1602.44 428.802L1542.29 421.495L1480.06 418.845L1417.75 421.495L1357.6 428.802L1299.38 440.686L1242.93 457.068L1187.69 477.945L1135.09 502.678L1084.9 531.184L1037.04 563.545L991.754 599.52L949.677 638.545L910.731 680.623L874.676 725.912L842.316 773.771L813.809 823.958L789.157 876.555L768.279 931.801L751.817 988.252L739.933 1046.47L732.626 1106.53L729.976 1168.85Z"></path>
                <path fill="url(#paint9_linear_7_586)" d="M1092.29 751.528L1098.79 764.295L1109.15 775.055L1124.41 784.049L1141.51 790.072L1161.83 793.926L1186.08 795.291L1210.25 793.926L1236.19 789.911L1264.13 782.764L1291.19 772.968L1314.96 761.806L1335.68 749.36L1354.95 734.584L1369.65 720.05L1380.41 705.435L1388.03 689.456L1390.6 674.68L1388.76 660.548L1382.33 647.78L1371.89 637.02L1356.64 627.946L1339.53 622.004L1319.22 618.149L1295.05 616.784L1270.8 618.069L1244.86 622.164L1217 629.231L1189.93 639.027L1166.17 650.189L1145.37 662.716L1126.1 677.411L1111.4 692.025L1100.64 706.56L1093.09 722.62L1090.52 737.395L1092.29 751.528Z"></path>
                <path fill="url(#paint10_linear_7_586)" d="M1460.63 1039.32L1463.36 1069.36L1470.9 1096.9L1483.03 1122.35L1499.41 1145.48L1519 1165.07L1542.13 1181.45L1567.67 1193.58L1595.13 1201.13L1625.24 1203.94L1655.27 1201.13L1682.82 1193.58L1708.27 1181.45L1731.4 1165.07L1750.99 1145.48L1767.37 1122.35L1779.5 1096.9L1787.05 1069.36L1789.86 1039.32L1787.05 1009.29L1779.5 981.748L1767.37 956.213L1750.99 933.086L1731.4 913.493L1708.27 897.192L1682.82 884.986L1655.27 877.519L1625.24 874.708L1595.13 877.519L1567.67 884.986L1542.13 897.192L1519 913.493L1499.41 933.086L1483.03 956.213L1470.9 981.748L1463.36 1009.29L1460.63 1039.32Z" clipRule="evenodd" fillRule="evenodd"></path>
                <path fill="#E7EAF0" d="M1915.44 783.086L1909.74 791.357L1907.25 801.394L1908.14 814.001L1911.99 826.368L1918.82 838.894L1929.18 851.903L1941.62 862.743L1953.91 870.131L1966.11 874.467L1978.64 875.913L1988.84 873.825L1997.35 868.605L2002.97 860.254L2005.46 850.217L2004.58 837.609L2000.72 825.243L1993.9 812.716L1983.62 799.708L1971.09 788.867L1958.81 781.48L1946.68 777.144L1934.07 775.698L1923.96 777.786L1915.44 783.086Z"></path>
                <path fill="url(#paint11_linear_7_586)"
                      d="M741.539 1298.69L744.189 1312.58L747.883 1330.89L750.693 1344.7L700.907 1380.28L661.882 1411.83L632.01 1439.86L609.847 1464.67L592.583 1488.84L582.384 1508.84L577.567 1525.3L576.924 1539.19L579.895 1551.24L588.006 1565.61L600.372 1578.62L617.797 1590.58L641.485 1601.26L674.167 1610.98L715.12 1618.45L765.87 1623.18L816.459 1624.63L873.793 1623.51L938.354 1619.49L1036.24 1609.13L1144.56 1592.91L1254.82 1571.95L1370.05 1545.94L1485.36 1515.66L1600.19 1481.21L1713.81 1442.59L1825.59 1400.03L1934.8 1354.02L2036.78 1306.72L2134.42 1256.78L2219.7 1208.43L2274.23 1174.31L2320.64 1142.35L2359.91 1112.4L2397.24 1079.79L2424.39 1051.13L2443.18 1025.91L2454.18 1004.79L2459.24 986.646L2459.4 970.586L2455.22 955.971L2442.53 942.08L2425.83 930.035L2404.23 919.917L2369.06 909.157L2328.75 901.769L2287.31 897.513L2247.24 895.425L2178.43 894.622L2172.24 881.132L2163.89 862.984L2157.63 849.574L2223.15 848.771L2280.41 851.1L2330.11 856.078L2379.58 864.831L2419.17 876.233L2450.56 889.644L2472.57 903.134L2489.03 917.829L2500.83 933.568L2508.54 950.672L2511.75 968.097L2511.43 986.405L2507.18 1006.24L2498.58 1027.84L2484.77 1051.69L2465.5 1077.71L2440.21 1105.81L2408 1136.33L2367.85 1169.33L2313.41 1208.76L2248.77 1250.35L2172.57 1294.11L2094.92 1334.51L2008.91 1375.38L1913.76 1416.57L1817.64 1454.63L1715.26 1491.57L1606.37 1527.23L1496.36 1559.59L1391.17 1587.13L1290.39 1610.26L1188.65 1630.25L1094.62 1645.35L1007.73 1656.03L920.126 1663.17L843.279 1665.58L776.148 1663.9L724.355 1659.48L680.511 1652.57L643.734 1643.74L613.059 1633.3L588.246 1621.42L568.894 1608.49L554.199 1594.6L543.519 1579.66L536.292 1563.52L533 1546.02L533.482 1527.47L537.898 1507.39L546.892 1485.31L562.952 1458.25L586.159 1428.46L617.797 1395.45L651.764 1365.18L692.797 1332.98L741.539 1298.69Z"></path>
                <path fill="url(#paint12_linear_7_586)" d="M842.155 1350.57L843.761 1367.43L847.937 1382.85L854.762 1397.14L863.916 1410.15L874.917 1421.15L887.926 1430.3L902.219 1437.13L917.637 1441.3L934.5 1442.91L951.363 1441.3L966.781 1437.13L981.074 1430.3L994.083 1421.15L1005.08 1410.15L1014.24 1397.14L1021.06 1382.85L1025.24 1367.43L1026.85 1350.57L1025.24 1333.7L1021.06 1318.29L1014.24 1303.99L1005.08 1290.98L994.083 1279.98L981.074 1270.83L966.781 1264L951.363 1259.83L934.5 1258.22L917.637 1259.83L902.219 1264L887.926 1270.83L874.917 1279.98L863.916 1290.98L854.762 1303.99L847.937 1318.29L843.761 1333.7L842.155 1350.57Z" clipRule="evenodd" fillRule="evenodd"></path>
                <path fill="#D9E9FF" d="M1444.4 1410.79L1446.41 1425.89L1452.11 1439.14L1460.87 1450.54L1472.27 1459.29L1485.52 1464.99L1500.61 1467L1515.71 1464.99L1528.96 1459.29L1540.36 1450.54L1549.12 1439.14L1554.82 1425.89L1556.82 1410.79L1554.82 1395.69L1549.12 1382.44L1540.36 1371.04L1528.96 1362.29L1515.71 1356.59L1500.61 1354.58L1485.52 1356.59L1472.27 1362.29L1460.87 1371.04L1452.11 1382.44L1446.41 1395.69L1444.4 1410.79Z" clipRule="evenodd" fillRule="evenodd"></path>
                <path fill="url(#paint13_linear_7_586)"
                      d="M2149.12 400.135L2190.31 359.021L2210.79 379.418L2223.23 389.857L2236.4 397.485L2250.38 402.544L2264.91 405.114L2279.44 405.033L2294.06 402.383L2308.03 397.244L2321.28 389.536L2333.81 379.016L2354.44 358.459L2364.96 345.852L2372.67 332.683L2377.81 318.711L2380.46 304.096V289.562L2377.97 274.947L2372.91 260.975L2365.29 247.886L2354.85 235.359L2342.32 224.921L2329.23 217.292L2315.26 212.233L2300.64 209.744H2286.11L2271.5 212.394L2257.52 217.533L2244.35 225.242L2231.75 235.761L2211.19 256.398L2170.32 215.525L2190.87 194.888L2211.67 177.543L2233.59 164.856L2256.96 156.425L2281.45 152.008L2305.78 151.928L2330.19 156.103L2353.56 164.455L2375.4 176.981L2396.04 194.166L2413.22 214.803L2425.75 236.644L2434.1 260.012L2438.28 284.423L2438.2 308.754L2433.78 333.245L2425.35 356.612L2412.66 378.534L2395.32 399.332L2374.68 419.889L2357.01 434.905L2338.22 446.549L2318.15 454.98L2296.95 460.28L2275.67 462.368L2253.91 461.324L2232.63 457.148L2212.07 449.68L2192.08 439L2148.88 482.202L2108 441.329L2149.12 400.135ZM2087.37 461.886L2128.32 502.839L2087.13 543.952L2046.25 503.08L2087.37 461.886Z"></path>
                <path fill="url(#paint14_linear_7_586)"
                      d="M1849.52 221.789L1860.44 181.077L1880.59 186.537L1898.02 188.705L1913.76 186.698L1928.37 180.514L1940.98 170.798L1950.62 158.03L1957.44 141.649L1962.9 121.253L1965.23 103.667L1963.22 87.768L1957.2 73.0731L1947.56 60.3856L1934.96 50.7497L1918.82 44.0044L1901.39 41.756L1885.65 43.8439L1870.96 50.0269L1858.35 59.7432L1848.72 72.4306L1841.89 88.8118L1836.43 109.208L1796.12 98.3675L1801.58 78.0516L1808.32 59.663L1817.48 43.7635L1829.04 29.9519L1842.77 18.3084L1857.95 9.47546L1874.81 3.21207L1892.4 0H1910.63L1929.74 3.29233L1947.89 9.95724L1963.62 19.1114L1977.28 30.6747L1988.68 44.4863L1997.43 59.7432L2003.53 76.6865L2006.67 94.4329L2006.59 112.741L2003.29 132.093L1997.83 152.409L1992.13 168.228L1984.58 182.361L1975.03 194.888L1963.7 205.889L1951.18 214.963L1937.13 222.19L1922.27 227.249L1906.77 230.06L1890.39 230.622L1878.91 273.341L1838.6 262.501L1849.52 221.789ZM1833.14 282.897L1873.53 293.737L1862.61 334.45L1822.22 323.609L1833.14 282.897Z"></path>
                <defs>
                  <linearGradient gradientUnits="userSpaceOnUse" y2="218.018" x2="2047.24" y1="493.782" x1="2047.24" id="paint0_linear_7_586">
                    <stop stopOpacity="0.1" stopColor={color2}></stop>
                    <stop stopColor={color1} offset="1"></stop>
                  </linearGradient>
                  <linearGradient gradientUnits="userSpaceOnUse" y2="301.219" x2="721.267" y1="864.663" x1="290.49" id="paint1_linear_7_586">
                    <stop stopOpacity="0.1" stopColor={color2}></stop>
                    <stop stopColor={color1} offset="1"></stop>
                  </linearGradient>
                  <linearGradient gradientUnits="userSpaceOnUse" y2="95" x2="2804" y1="713" x1="2331.5" id="paint2_linear_7_586">
                    <stop stopOpacity="0.1" stopColor={color2}></stop>
                    <stop stopColor={color1} offset="1"></stop>
                  </linearGradient>
                  <linearGradient gradientUnits="userSpaceOnUse" y2="1359.5" x2="1737.27" y1="2617.5" x1="1692.27" id="paint3_linear_7_586">
                    <stop stopColor={color1} offset="0.2597"></stop>
                    <stop stopColor={color3} offset="1"></stop>
                  </linearGradient>
                  <linearGradient gradientUnits="userSpaceOnUse" y2="1879.51" x2="2635.5" y1="1877.05" x1="2791.93" id="paint4_linear_7_586">
                    <stop stopOpacity="0.1" stopColor={color2}></stop>
                    <stop stopColor={color1} offset="1"></stop>
                  </linearGradient>
                  <linearGradient gradientUnits="userSpaceOnUse" y2="2023.48" x2="2923.43" y1="2021.02" x1="3079.86" id="paint5_linear_7_586">
                    <stop stopOpacity="0.1" stopColor={color2}></stop>
                    <stop stopColor={color1} offset="1"></stop>
                  </linearGradient>
                  <linearGradient gradientUnits="userSpaceOnUse" y2="2065.38" x2="309.949" y1="2061.96" x1="529.695" id="paint6_linear_7_586">
                    <stop stopColor={color1}></stop>
                    <stop stopColor={color2} offset="1"></stop>
                  </linearGradient>
                  <linearGradient gradientUnits="userSpaceOnUse" y2="2285.17" x2="1808.43" y1="2047" x1="1364" id="paint7_linear_7_586">
                    <stop stopOpacity="0.21" stopColor={color6}></stop>
                    <stop stopOpacity="0.3" stopColor="white" offset="0.9749"></stop>
                  </linearGradient>
                  <linearGradient gradientUnits="userSpaceOnUse" y2="738.577" x2="1031.92" y1="1718.5" x1="2057" id="paint8_linear_7_586">
                    <stop stopColor={color6}></stop>
                    <stop stopColor={color1} offset="1"></stop>
                  </linearGradient>
                  <linearGradient gradientUnits="userSpaceOnUse" y2="775" x2="1391" y1="639" x1="1198" id="paint9_linear_7_586">
                    <stop stopColor="white"></stop>
                    <stop stopColor="#D3E2FB" offset="1"></stop>
                  </linearGradient>
                  <linearGradient gradientUnits="userSpaceOnUse" y2="1160" x2="1697" y1="952" x1="1496" id="paint10_linear_7_586">
                    <stop stopColor="#ECF2FF"></stop>
                    <stop stopColor="#ECF2FF" offset="1"></stop>
                  </linearGradient>
                  <linearGradient gradientUnits="userSpaceOnUse" y2="1072.07" x2="2251.29" y1="1497.5" x1="185.5" id="paint11_linear_7_586">
                    <stop stopColor={bg1}></stop>
                    <stop stopColor={color6} offset="1"></stop>
                  </linearGradient>
                  <linearGradient gradientUnits="userSpaceOnUse" y2="1223.5" x2="781.5" y1="1385.5" x1="1027" id="paint12_linear_7_586">
                    <stop stopColor="#E2EEFF"></stop>
                    <stop stopOpacity="0" stopColor="#E2EEFF" offset="1"></stop>
                  </linearGradient>
                  <linearGradient gradientUnits="userSpaceOnUse" y2="40.8896" x2="2340.49" y1="595" x1="2281" id="paint13_linear_7_586">
                    <stop stopColor={color1}></stop>
                    <stop stopColor={color6} offset="1"></stop>
                  </linearGradient>
                  <linearGradient gradientUnits="userSpaceOnUse" y2="-1.13285e-06" x2="1833.5" y1="408.5" x1="1941.5" id="paint14_linear_7_586">
                    <stop stopColor={color1}></stop>
                    <stop stopColor={color6} offset="1"></stop>
                  </linearGradient>
                </defs>
              </svg>

              <span className="core-page-title">500</span>
              <span className="core-page-message"></span>
              <span className="core-page-message">{!!message ? i18n.$it(message).d(message) : i18n.$it('base.error500').d('页面异常，请向系统管理员反馈问题')}</span>
              {closable !== false && <Button label={isFirstPage ? i18n.$it('base.close').d('关闭') : i18n.$it('base.back').d('返回')} mode="fill" onClick={close}/>}
            </div>
          </div>
        </PageCardContent>
      </PageCard>
    );
  };
});
